<template>
		<view class="goods_item">
			<view class="img">
				<image :src="img"></image>	
			</view>
			<view class="price">
				<text>{{price[0]}}</text>
				<text>{{price[1]}}</text>
			</view>
		    <view class="name">{{content}}</view>
		</view>
</template>

<script>
	export default {
		props: ['img', 'price', 'content']
	}
</script>

<style lang="scss">
		.goods_item {
			width: 360rpx;
			background-color: #fff;
			margin-bottom: 7px;
			image {
				width: 100%;
			}
			.price {
				font-size: 20px;
				color: #da2911;
				padding: 0 20rpx;
				text:nth-child(2) {
					margin: 0 20rpx;
					color: #e1dfe1;
					font-size: 15px;
					text-decoration: line-through;
				}
			}
			.name {
				font-size: 30rpx;
				margin-top: 10px;
				margin-bottom: 15px;
				line-height: 25px;
				padding: 0 20rpx;
			}
		}
		.goods_item:hover {
			background-color: #A9F5D0;
		}
</style>
